/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-transfer() {
  // 字体基础大小
  --ti-transfer-font-size: var(--ti-common-font-size-1, 14px);
  // 按钮组左侧内边距
  --ti-transfer-buttons-padding-left: var(--ti-common-space-4x, 16px);
  // 按钮组右侧内边距
  --ti-transfer-buttons-padding-right: var(--ti-common-space-4x, 16px);
  // 按钮组顶部内边距
  --ti-transfer-buttons-padding-top: var(--ti-common-space-0, 0px);
  // 按钮组底部内边距
  --ti-transfer-buttons-padding-bottom: var(--ti-common-space-0, 0px);
  // 按钮组默认按钮组左侧外边距
  --ti-transfer-buttons-defaultButton-margin-left: var(--ti-common-space-0, 0px);
  // 按钮组默认按钮组右侧外边距
  --ti-transfer-buttons-defaultButton-margin-right: var(--ti-common-space-0, 0px);
  // 按钮组默认按钮组顶部外边距
  --ti-transfer-buttons-defaultButton-margin-top: var(--ti-common-space-3x, 12px);
  // 按钮组默认按钮组底部外边距
  --ti-transfer-buttons-defaultButton-margin-bottom: var(--ti-common-space-0, 0px);
  // 按钮组左侧外边距
  --ti-transfer-buttons-margin-left: var(--ti-common-space-0, 0px);
  // 按钮组右侧外边距
  --ti-transfer-buttons-margin-right: var(--ti-common-space-0, 0px);
  // 按钮组顶部外边距
  --ti-transfer-buttons-margin-top: var(--ti-common-space-0, 0px);
  // 按钮组底部外边距
  --ti-transfer-buttons-margin-bottom: var(--ti-common-space-2x, 8px);
  // 按钮左侧外边距
  --ti-transfer-button-margin-left: auto;
  // 按钮右侧外边距
  --ti-transfer-button-margin-right: auto;
  // 按钮顶部外边距
  --ti-transfer-button-margin-top: var(--ti-common-space-0, 0px);
  // 按钮底部外边距
  --ti-transfer-button-margin-bottom: var(--ti-common-space-0, 0px);
  // 按钮背景色
  --ti-transfer-button-bg-color: var(--ti-common-color-bg-emphasize, #5e7ce0);
  // 按钮左侧内边距
  --ti-transfer-button-padding-left: var(--ti-common-space-2x, 8px);
  // 按钮右侧内边距
  --ti-transfer-button-padding-right: var(--ti-common-space-2x, 8px);
  // 按钮顶部内边距
  --ti-transfer-button-padding-top: var(--ti-common-space-2x, 8px);
  // 按钮底部内边距
  --ti-transfer-button-padding-bottom: var(--ti-common-space-2x, 8px);
  // 按钮圆角
  --ti-transfer-button-border-radius: var(--ti-common-border-radius-normal, 2px);
  // 按钮禁用时文本色
  --ti-transfer-button-disabled-text-color: var(--ti-common-color-text-disabled, #adb0b8);
  // 按钮禁用时边框色
  --ti-transfer-button-disabled-border-color: var(--ti-common-color-line-normal, #adb0b8);
  // 按钮禁用时背景色
  --ti-transfer-button-disabled-bg-color: var(--ti-common-color-bg-disabled, #f5f5f6);
  // 按钮禁用时行高
  --ti-transfer-button-disabled-line-height: 1;
  // 第一个按钮的底部外边距
  --ti-transfer-first-button-margin-bottom: var(--ti-common-space-3x, 12px);
  // 面板背景色
  --ti-transfer-panel-bg-color: var(--ti-common-color-bg-white-normal, #fff);
  // 面板内容区域高度
  --ti-transfer-panel-body-height: 260px;
  // 面板内容区域边框色
  --ti-transfer-panel-border-color: var(--ti-common-color-line-normal, #adb0b8);
  // 面板内容区域边框圆角
  --ti-transfer-panel-border-radius: var(--ti-common-border-radius-normal, 2px);
  // 面板高度
  --ti-transfer-panel-item-height: 30px;
  // 面板文本色
  --ti-transfer-panel-item-text-color: var(--ti-common-color-info-normal, #252b3a);
  // 面板悬浮时文本色
  --ti-transfer-panel-item-hover-text-color: var(--ti-common-color-icon-hover, #5e7ce0);
  // 面板悬浮时背景色
  --ti-transfer-panel-item-hover-bg-color: var(--ti-common-color-hover-background, #f2f5fc);
  // 面板搜索框高度
  --ti-transfer-panel-filter-height: var(--ti-common-size-height-normal, 28px);
  // 面板搜索框字体大小
  --ti-transfer-panel-filter-font-size: var(--ti-common-font-size-base, 12px);
  // 面板搜索框边框圆角
  --ti-transfer-panel-filter-border-radius: var(--ti-common-border-radius-normal, 2px);
  // 面板内容区域过滤后列表高度
  --ti-transfer-panel-body-filter-height: calc(var(--ti-common-size-50x, 200px) + 16px);
  // 面板内容区域右内边距
  --ti-transfer-panel-body-padding-right: calc(var(--ti-common-space-1, 1px) + 1px);
  // 面板内容区域存在底部时的内边距
  --ti-transfer-panel-body-footer-padding-bottom: var(--ti-common-space-10x, 40px);
  // 面板内容区域存在底部时的高度
  --ti-transfer-panel-body-footer-height: calc(100% - 40px);
  // 面板宽度
  --ti-transfer-panel-width: var(--ti-common-size-50x, 200px);
  // 面板头部高度
  --ti-transfer-header-height: var(--ti-common-size-10x, 40px);
  // 面板头部背景色
  --ti-transfer-header-bg-color: var(--ti-common-color-bg-white-emphasize, #f2f5fc);
  // 面板头部边框色
  --ti-transfer-header-border-color: var(--ti-common-color-line-normal, #adb0b8);
  // 面板头部文本色
  --ti-transfer-header-text-color: var(--ti-common-color-info-normal, #252b3a);
  // 面板头部span文本色
  --ti-transfer-header-span-text-color: var(--ti-common-color-info-normal, #252b3a);
  // 面板头部字体大小
  --ti-transfer-header-font-size: var(--ti-common-font-size-base, 12px);
  // 面板头部排序图标宽度
  --ti-transfer-header-sort-width: var(--ti-common-size-5x, 20px);
  // 面板头部排序图标文本色
  --ti-transfer-header-sort-text-color: var(--ti-common-color-bg-emphasize, #5e7ce0);
  // 面板底部高度
  --ti-transfer-footer-height: var(--ti-common-size-10x, 40px);
  // 面板底部背景色
  --ti-transfer-footer-bg-color: var(--ti-common-color-bg-white-normal, #fff);
  // 面板底部边框色
  --ti-transfer-footer-border-color: var(--ti-common-color-line-normal, #adb0b8);
  // 面板内容区域列表为空时显示的文本高度
  --ti-transfer-empty-height: var(--ti-common-size-height-minor);
  // 面板内容区域列表为空时显示的文本色
  --ti-transfer-empty-text-color: var(--ti-common-color-text-weaken, #8a8e99);
  // 面板内容区域为嵌套树样式时的高度
  --ti-transfer-panel-body-tree-height: 100%;
  // 面板内容区域为嵌套树样式时的左侧内边距
  --ti-transfer-panel-body-tree-padding-left: var(--ti-common-space-2x, 8px);
  // 面板内容区域为嵌套树样式时的右侧内边距
  --ti-transfer-panel-body-tree-padding-right: var(--ti-common-space-2x, 8px);
  // 面板内容区域为嵌套树样式时的顶部内边距
  --ti-transfer-panel-body-tree-padding-top: var(--ti-common-space-0, 0px);
  // 面板内容区域为嵌套树样式时的底部内边距
  --ti-transfer-panel-body-tree-padding-bottom: var(--ti-common-space-2x, 8px);
  // 面板内容区域为嵌套树样式时搜索框过滤后的高度
  --ti-transfer-panel-body-tree-filter-height: calc(100% - 46px);
  // 面板内容区域列表的左侧外边距
  --ti-transfer-panel-body-list-margin-left: var(--ti-common-space-0, 0px);
  // 面板内容区域列表的右侧外边距
  --ti-transfer-panel-body-list-margin-right: var(--ti-common-space-0, 0px);
  // 面板内容区域列表的顶部外边距
  --ti-transfer-panel-body-list-margin-top: var(--ti-common-space-0, 0px);
  // 面板内容区域列表的底部外边距
  --ti-transfer-panel-body-list-margin-bottom: var(--ti-common-space-0, 0px);
  // 面板内容区域列表的左侧内边距
  --ti-transfer-panel-body-list-padding-left: var(--ti-common-space-0, 0px);
  // 面板内容区域列表的右侧内边距
  --ti-transfer-panel-body-list-padding-right: var(--ti-common-space-0, 0px);
  // 面板内容区域列表的顶部内边距
  --ti-transfer-panel-body-list-padding-top: var(--ti-common-space-6, 6px);
  // 面板内容区域列表的底部内边距
  --ti-transfer-panel-body-list-padding-bottom: var(--ti-common-space-6, 6px);
  // 面板内容区域过滤后顶部内边距
  --ti-transfer-panel-body-filter-padding-top: var(--ti-common-space-0, 0px);
  // 面板左侧内边距
  --ti-transfer-panel-item-padding-left: var(--ti-common-space-2x, 8px);
  // 面板多选框左侧内边距
  --ti-transfer-panel-item-checkbox-padding-left: calc(var(--ti-common-space-5x, 20px) + 2px);
  // 面板搜索框左侧内边距
  --ti-transfer-panel-filter-padding-left: var(--ti-common-space-2x, 8px);
  // 面板搜索框右侧内边距
  --ti-transfer-panel-filter-padding-right: var(--ti-common-space-2x, 8px);
  // 面板搜索框顶部内边距
  --ti-transfer-panel-filter-padding-top: var(--ti-common-space-2x, 8px);
  // 面板搜索框底部内边距
  --ti-transfer-panel-filter-padding-bottom: var(--ti-common-space-2x, 8px);
  // 面板搜索框的输入框右侧内边距
  --ti-transfer-panel-filter-input-padding-right: calc(var(--ti-common-space-8x, 32px) - 2px);
  // 面板搜索框的输入框左侧内边距
  --ti-transfer-panel-filter-input-padding-left: var(--ti-common-space-2x, 8px);
  // 头部左侧外边距
  --ti-transfer-header-margin-left: var(--ti-common-space-0, 0px);
  // 头部右侧外边距
  --ti-transfer-header-margin-right: var(--ti-common-space-0, 0px);
  // 头部顶部外边距
  --ti-transfer-header-margin-top: var(--ti-common-space-0, 0px);
  // 头部底部外边距
  --ti-transfer-header-margin-bottom: var(--ti-common-space-0, 0px);
  // 头部左侧内边距
  --ti-transfer-header-padding-left: var(--ti-common-space-2x, 8px);
  // 头部右侧内边距
  --ti-transfer-header-padding-right: var(--ti-common-space-2x, 8px);
  // 头部顶部内边距
  --ti-transfer-header-padding-top: var(--ti-common-space-0, 0px);
  // 头部底部内边距
  --ti-transfer-header-padding-bottom: var(--ti-common-space-0, 0px);
  // 面板头部span字重
  --ti-transfer-header-span-font-weight: var(--ti-common-font-weight-4, normal);
  // 面板头部排序图标右侧外边距
  --ti-transfer-header-sort-margin-right: var(--ti-common-space-2x, 8px);
  // 面板头部排序图标边框圆角
  --ti-transfer-header-sort-border-radius: 50%;
  // 面板底部左侧外边距
  --ti-transfer-footer-margin-left: var(--ti-common-space-0, 0px);
  // 面板底部右侧外边距
  --ti-transfer-footer-margin-right: var(--ti-common-space-0, 0px);
  // 面板底部的顶部外边距
  --ti-transfer-footer-margin-top: var(--ti-common-space-0, 0px);
  // 面板底部的底部外边距
  --ti-transfer-footer-margin-bottom: var(--ti-common-space-0, 0px);
  // 面板底部左侧内边距
  --ti-transfer-footer-padding-left: var(--ti-common-space-0, 0px);
  // 面板底部右侧内边距
  --ti-transfer-footer-padding-right: var(--ti-common-space-0, 0px);
  // 面板底部的顶部内边距
  --ti-transfer-footer-padding-top: var(--ti-common-space-0, 0px);
  // 面板底部的底部内边距
  --ti-transfer-footer-padding-bottom: var(--ti-common-space-0, 0px);
  // 面板底部复选框左侧内边距
  --ti-transfer-footer-checkbox-padding-left: var(--ti-common-space-5x, 20px);
  // 面板内容区域列表为空时显示的无数据文本的顶部内边距
  --ti-transfer-empty-padding-top: var(--ti-common-space-6, 6px);
  // 面板内容区域列表为空时显示的无数据文本的右侧内边距
  --ti-transfer-empty-padding-right: calc(var(--ti-common-space-4x, 16px) - 1px);
  // 面板内容区域列表为空时显示的无数据文本的底部内边距
  --ti-transfer-empty-padding-bottom: var(--ti-common-space-0, 0px);
  // 面板内容区域列表为空时显示的无数据文本的左侧内边距
  --ti-transfer-empty-padding-left: var(--ti-common-space-0, 0px);
  // 面板内容区域表格的左侧内边距
  --ti-transfer-table-padding-left: var(--ti-common-space-2x, 8px);
  // 面板内容区域表格的顶部内边距
  --ti-transfer-table-padding-top: var(--ti-common-space-0, 0px);
  // 面板内容区域表格的右侧内边距
  --ti-transfer-table-padding-right: var(--ti-common-space-2x, 8px);
  // 面板内容区域表格的底部内边距
  --ti-transfer-table-padding-bottom: var(--ti-common-space-0, 0px);
  // 面板内容区域分页的左侧内边距
  --ti-transfer-pager-padding-left: var(--ti-common-space-10, 10px);
  // 面板内容区域分页的顶部内边距
  --ti-transfer-pager-padding-top: var(--ti-common-space-10, 10px);
  // 面板内容区域分页的右侧内边距
  --ti-transfer-pager-padding-right: var(--ti-common-space-10, 10px);
  // 面板内容区域分页的底部内边距
  --ti-transfer-pager-padding-bottom: var(--ti-common-space-10, 10px);
  // 多选框左侧内边距
  --ti-transfer-checkbox-label-padding-left: var(--ti-common-space-2x, 8px);
  // 穿梭按钮宽度
  --ti-transfer-button-width: 30px;
  // 穿梭按钮高度
  --ti-transfer-button-height: 30px;
  // 穿梭箭头大小
  --ti-transfer-svg-font-size: 14px;
}